<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>主页面</title>
</head>
<body>
<p>这是我的主界面</p>
<span th:text="${jsapi.timestamp}"></span><hr><br>
<span th:text="${jsapi.nonceStr}"></span><hr><br>
<span th:text="${jsapi.signature}"></span><hr><br>
<span th:text="${jsapi.appId}"></span><hr><br>
<input placeholder="请输入您的appID" th:value="${jsapi.appId}">
<div>
    <button onclick="chooseImage()">点我拍照呀</button>
</div>
</body>
<script src="js/jweixin-1.6.0.js"></script>
<script>

    wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '[[${jsapi.appId}]]', // 必填，公众号的唯一标识
        timestamp:'[[${jsapi.timestamp}]]', // 必填，生成签名的时间戳
        nonceStr:'[[${jsapi.nonceStr}]]', // 必填，生成签名的随机串
        signature:'[[${jsapi.signature}]]',// 必填，签名
        jsApiList: ['chooseImage'] // 必填，需要使用的JS接口列表
    });



</script>
<script>

    function chooseImage() {

        wx.chooseImage({
            count: 1, // 默认9
            sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
            success: function (res) {
                var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
            }
        });


    }

</script>
</html>